{% extends 'base_product.html' %}

{% block body %}

      <div class="px-4 pt-5 my-5 text-center border-bottom container">
         <h2>{{ the_title }}</h2>

         <form class="p-4 p-md-5 border rounded-3 bg-light" method='POST' action='/search4'>

                <p>Use this form to submit a search request:</p>
                <div class = "row g-7">
                    <label class="form-label">Phrase:</label>
                    <div>
                        <input type="text" class="form-control" name='phrase' type="Text" width='60'>
                    </div>

                    <label class="form-label">Letters:</label>
                    <div>
                        <input type="text" class="form-control" name='letters' type="Text" value='aeiou'>
                    </div>
                </div>


            <p>When you're ready, click this button:</p>
            <p><input value='Do it!' type='SUBMIT'></p>
         </form>

      </div>
{% endblock %}
